<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  mounted() {
    // Cesium.Ion.defaultAccessToken =
    //   "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIxNjEwZTc0Ni04MjZmLTRjOTQtODhkZC1jNGY3NmE1MGZhNjMiLCJpZCI6MTg1OTgxLCJpYXQiOjE3MTc1Njg0MTN9.QDYSJkNfZvvb0pCpyLW7-h42cVEbO4hCfbrFLZyrWcg";
    // const viewer = new Cesium.Viewer("cesiumContainer", {
    //   terrainProvider: Cesium.createWorldTerrain({
    //     requestVertexNormals: true,
    //     requestWaterMask: true, // 展示地形和水体遮罩
    //   }),
    //   // imageryProvider: new Cesium.ArcGisMapServerImageryProvider({
    //   //   url: "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer",
    //   // }), // 设置底图提供者
    //   // baseLayerPicker:false,
    //   baseLayerPicker: false, // 如果设置为false，将不会创建右上角图层按钮。
    //   geocoder: false, // 如果设置为false，将不会创建右上角查询(放大镜)按钮。
    //   navigationHelpButton: false, // 如果设置为false，则不会创建右上角帮助(问号)按钮。
    //   homeButton: false, // 如果设置为false，将不会创建右上角主页(房子)按钮。
    //   sceneModePicker: false, // 如果设置为false，将不会创建右上角投影方式控件(显示二三维切换按钮)。
    //   animation: false, // 如果设置为false，将不会创建左下角动画小部件。
    //   timeline: false, // 如果设置为false，则不会创建正下方时间轴小部件。
    //   fullscreenButton: false, // 如果设置为false，将不会创建右下角全屏按钮。
    //   requestRenderMode: true, // 显式渲染，渲染优化
    //   maximumRenderTimeChange: Infinity, // 请求新帧的时间
    //   animation: false, //动画控件
    //   // sceneModePicker: false, //是否显示3D/2D选择器
    //   // sceneMode: Cesium.SceneMode.SCENE3D, //3d视角展示
    // });
    // window.viewer = viewer;
    // viewer.cesiumWidget.creditContainer.style.display = "none";
    // // viewer.scene.sun.show = true;
    // // viewer.scene.moon.show = true;
    // // viewer.scene.globe.show = true;
    // // viewer.scene.skyAtmosphere.show = false; //隐藏大气圈
    // // viewer.scene.skyBox.show = false; //关闭天空盒，否则会显示天空颜色
    // viewer.camera.flyTo({
    //   destination: Cesium.Cartesian3.fromDegrees(86.92, 20.54, 6000), // 纬度、经度和高度
    //   orientation: {
    //     heading: 3.460782215541153, // 方向
    //     pitch: -0.5452669499010572, // 倾斜角度
    //     roll: 0.00028136242698906244, // 滚动角度
    //   },
    // });
  },
};
</script>


<style lang="scss">
#app {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0px;
  left: 0px;
  overflow: hidden;
  #cesiumContainer {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
  }
}
</style>
